<template>
	<view class="pageIndex" v-if="show">
		<view class="AlreadyLoggedIn" v-if="flag == 1">
			<view class="linkBox"
				style="height: 100vh;background-size:100% 100%;padding-bottom: 90upx;box-sizing: border-box;"
				:style="{ backgroundImage: 'url(' + (meetInfo.bg == '' ? bg : meetInfo.bg) + ')' }">

				<view :style="{'height': `${statusBarHeight}px`, 'background-color': 'transparent'}"></view>
				<uni-nav-bar backgroundColor="transparent" color="#FFF" @clickLeft="goBack"
					left-icon="left" :border="false" />

				<view class="headerChangeLanguage" style="display: flex; justify-content: space-between;">
					<view class="logo">
						<!-- #ifdef H5 -->
						<image src="/static/logo.png" />
						<!-- #endif -->
					</view>
					<view class="language" @click="changeLanguage">
						<image src="../../static/100.png" mode=""></image>
						<text>{{$t('locale.lang')}}</text>
					</view>
				</view>
				<view class="link-href">
					<!-- filter: grayscale(1); -->
					<view @click="toMeetingInfo(1,config[0])" :class="{isTap: config[0] == 2, isShow: config[0] == 3}">
						<image :src="img0208" mode="heightFix" />
						{{ $t('language.meeting') }}
					</view>
					<view @click="toMeetingInfo(2,config[1])" :class="{isTap: config[1] == 2, isShow: config[1] == 3}">
						<image :src="img0203" mode="heightFix" />
						{{ $t('language.Registrate') }}
					</view>
					<view @click="toMeetingInfo(3,config[2])" :class="{isTap: config[2] == 2, isShow: config[2] == 3}">
						<image :src="img0205" />
						{{ $t('language.Schedule') }}
					</view>
					<view @click="toMeetingInfo(4,config[3])" :class="{isTap: config[3] == 2, isShow: config[3] == 3}">
						<image :src="img0216" mode="heightFix" />
						{{ $t('language.Attendees') }}
					</view>
					<view @click="isSignAllreight == 1 ? tosign(config[4]) : toSaoyisao(config[4])"
						:class="{isTap: config[4] == 2, isShow: config[4] == 3}">
						<!-- <view @click="toMeetingInfo(5,config[4])"> -->
						<image :src="img0217" mode="heightFix" />
						{{ $t('language.Attendance') }}
					</view>
					<!-- v-if="comm == 1" -->
					<view @click="toMeetingInfo(6,config[5])" :class="{isTap: config[5] == 2, isShow: config[5] == 3}">
						<image :src="img0214" mode="heightFix" />
						{{ $t('language.share') }}
					</view>
					<view @click="toMeetingInfo(7,config[6])" :class="{isTap: config[6] == 2, isShow: config[6] == 3}">
						<image :src="img0223" />
						{{ $t('language.Photo') }}
					</view>
					<view @click="toMeetingInfo(8,config[7])" :class="{isTap: config[7] == 2, isShow: config[7] == 3}">
						<image :src="img0225" mode="heightFix" />
						{{ $t('language.LiveInteraction') }}
					</view>
					<view @click="toMeetingInfo(9,config[8])" :class="{isTap: config[8] == 2, isShow: config[8] == 3}">
						<image :src="img0222" mode="heightFix" />
						{{$t('language.cz')}}
					</view>
				</view>
				<view class="two-link-href home">
					<view @click="toMeetList">
						<image class="ic" :src="imglist" />
						<text class="text">{{ $t('language.meeting13') }}</text>
					</view>
					<view @click="Message">
						<view :class="{red: count >= 1}">
							<image class="ic" :src="imgms" />
						</view>
						<text class="text">{{ $t('language.name') == '中文' ? meetInfo.model : meetInfo.e_model }}</text>
					</view>
				</view>
			</view>
		</view>

		<view class="noEntry" v-else>
			<view class="noentryBgbox">
				<view class="noentryBgbox-top">
					<view :style="{'height': `${statusBarHeight}px`, 'background-color': '#050033'}"></view>
					<uni-nav-bar backgroundColor="#050033;" color="#FFF" @clickLeft="goBack"
						left-icon="left" :border="false" />
					<view class="headerChangeLanguage" style="display: flex; justify-content: space-between;">
						<view class="logo">
							<!-- #ifdef H5 -->
							<image src="/static/logo.png" />
							<!-- #endif -->
						</view>
						<view class="language" @click="changeLanguage">
							<image src="../../static/100.png" mode=""></image>
							<text>{{$t('locale.lang')}}</text>
						</view>
					</view>
				</view>

				<swiper :autoplay="5000" indicator-color="#f6f5ef" style="height:840upx;"
					:style="{'paddingTop': `${statusBarHeight*2}px`}">
					<block v-for="(image, index) in meetInfo.cover1" :key="index">
						<swiper-item style="height:840upx;">
							<image :src="image" style="width:100%;height:840upx;" mode="aspectFill" />
						</swiper-item>
					</block>
				</swiper>
			</view>
			<view class="formBox">
				<view class="meetingAbout" style="width:100%;margin-bottom:40upx">
					<view class="meeting-title">{{ $t('language.name') == '中文' ? meetInfo.title : meetInfo.e_title }}
					</view>
					<view class="meetingAbout" style="width:100%; margin-bottom:40upx;color: #fff;">
						<u-parse @navigate="navigate" :content="$t('language.name') == '中文' ? meetInfo.intro : meetInfo.e_intro"></u-parse>
					</view>
				</view>
				<view class="title1">
					{{ $t('language.meeting10') }}
					<!--报名表单-->
				</view>

				<!-- #ifdef H5 -->
				<view class="form-item blcok">
					<view class="title">{{$t('index.text-1')}}</view>
					<picker class="form-picker" @change="bindhotelsChange" :value="hotelsIndex"
						:range="hotelsData" range-key="holidex">
						<view class="uni-input" v-if="hotel == ''">{{$t('index.text-2')}}</view>
						<view class="uni-input" v-else>
							{{ hotel }}
						</view>
						<uni-icons type="down" size="18"></uni-icons>
					</picker>
				</view>
				<!-- #endif -->
				
				<!-- #ifdef MP -->
				<view class="form-item">
					<view class="title">{{$t('index.text-1')}}</view>
					<input class="form-input" v-model="hotel" :placeholder="$t('index.text-2')" />
				</view>
				<!-- #endif -->

				<view class="form-item">
					<view class="title">{{$t('index.text-3')}}</view>
					<input class="form-input" disabled v-model="hotel_name" :placeholder="$t('index.text-4')" />
				</view>

				<view class="form-item">
					<view class="title">{{$t('index.text-54')}}</view>
					<input class="form-input" v-model="ch_name" :placeholder="$t('index.text-53')" />
				</view>

				<view class="form-item">
					<view class="title">{{$t('index.text-46')}}</view>
					<input class="form-input" v-model="en_name" :placeholder="$t('index.text-5')" />
				</view>

				<view class="form-item blcok">
					<view class="title">{{$t('index.text-6')}}</view>
					<picker class="form-picker" @change="bindDepartChange" :value="departArrayIndex"
						:range="departArray" :range-key="locale == 'zh' ? 'cn_title' : 'eu_title'">
						<view class="uni-input" v-if="depart == ''">{{$t('index.text-7')}}</view>
						<view class="uni-input" v-else>
							{{locale == 'zh' ? departArray[departArrayIndex].cn_title : departArray[departArrayIndex].eu_title}}
						</view>
						<uni-icons type="down" size="18"></uni-icons>
					</picker>
				</view>

				<view class="form-item blcok" v-if="hotel != 'Office' && hotel != 'office'">
					<view class="title">{{$t('index.text-8')}}</view>
					<picker class="form-picker" @change="bindJobChange" :value="jobArrayIndex" :range="jobArray"
						:range-key="locale == 'zh' ? 'cn_title' : 'eu_title'">
						<view class="uni-input" v-if="job == ''">{{$t('index.text-9')}}</view>
						<view class="uni-input" v-else>
							{{locale == 'zh' ? jobArray[jobArrayIndex].cn_title : jobArray[jobArrayIndex].eu_title}}
						</view>
						<uni-icons type="down" size="18"></uni-icons>
					</picker>
				</view>

				<view class="form-item">
					<view class="title">{{$t('index.text-12')}}</view>
					<input class="form-input" v-model.number="phone" :placeholder="$t('index.text-13')" />
				</view>

				<view class="form-item">
					<view class="title">{{$t('index.text-14')}}</view>
					<radio-group @change="radioChange">
						<label class="uni-list-cell uni-list-cell-pd" v-for="(item, index) in items" :key="item.value">
							<view>
								<radio :value="item.value" color="#b88d5b" :checked="index === current" />
							</view>
							<view>{{item.name}}</view>
						</label>
					</radio-group>
				</view>

				<view class="form-item">
					<view class="title">{{$t('index.text-17')}}</view>
					<input class="form-input" v-model="email" :placeholder="$t('index.text-18')" />
				</view>

				<!-- <view class="form-item">
							<view class="title">{{$t('index.text-19')}}</view>
							<input class="form-input" v-model="name" disabled :placeholder="$t('index.text-20')" />
						</view> -->

				<!-- <view class="form-item" v-if="hotel != 'Office' && hotel != 'office'">
					<view class="title" v-html="$t('index.text-52')"></view>
					<radio-group @change="radioRoomChange">
						<label class="uni-list-cell uni-list-cell-pd" v-for="(item, index) in roomItems" :key="item.value">
							<view>
								<radio :value="item.value" color="#b88d5b" :checked="index === roomCurrent" />
							</view>
							<view>{{item.name}}</view>
						</label>
					</radio-group>
				</view> -->

				<!-- <template v-if="is_hotel == 1">
							<view class="form-item">
								<view class="title">{{$t('index.text-61')}}</view>
								<uni-datetime-picker type="date" :clear-icon="false" start="2024-03-17" end="2024-03-22" v-model="stay_start_date" @maskClick="maskClick" />
							</view> 
							
							<view class="form-item">
								<view class="title">{{$t('index.text-62')}}</view>
								<uni-datetime-picker type="date" :clear-icon="false" :start="stay_start_date" end="2024-03-22" v-model="stay_end_date" @maskClick="maskClick" />
							</view>
						</template> -->

				<!-- <view class="form-item" v-if="hotel != 'Office' && hotel != 'office'">
					<view class="title">{{$t('index.text-21')}}</view>
					<uni-datetime-picker v-model="range" :clear-icon="false" start="2024-03-17" end="2024-03-22"
						type="daterange" @maskClick="maskClick" />
				</view> -->

				<!-- <view class="form-item">
							<view class="title">{{$t('index.text-21')}}</view>
							<input class="form-input" disabled v-model="arrive_date" :placeholder="$t('index.text-21')" />
						</view>
					
						<view class="form-item">
							<view class="title">{{$t('index.text-22')}}</view>
							<input class="form-input" disabled v-model="leave_date" :placeholder="$t('index.text-22')" />
						</view> -->

				<!-- <template v-if="hotel != 'Office' && hotel != 'office' && is_hotel == 1">
					<view class="form-item blcok margin-bottom-10" v-if="is_hotel == 1">
						<view class="title">{{$t('index.text-23')}}</view>
						<picker class="form-picker" @change="bindRoomChange" :value="roomArrayIndex" :range="roomArray"
							range-key="name">
							<view class="uni-input">{{roomArray[roomArrayIndex].name || $t('index.text-24')}}</view>
							<uni-icons type="down" size="18"></uni-icons>
						</picker>
					</view>
					<view class="form-item margin-top-0">
						<view class="title">{{locale == 'zh' ? eventInfo.remark : eventInfo.e_remark}}</view>
					</view>
				</template>
		
				<view class="form-item" v-if="hotel != 'Office' && hotel != 'office' && is_hotel == 1 && eventInfo.is_price == 1">
					<view class="title">{{$t('index.text-57')}}</view>
					<input class="form-input" disabled v-model="stay_price" :placeholder="$t('index.text-57')" />
				</view> -->

				<!-- <view class="form-item margin-bottom-10" v-if="hotel != 'Office' && hotel != 'office'">
					<view class="title">{{$t('index.text-10')}}</view>
					<input class="form-input" disabled v-model="price" :placeholder="$t('index.text-11')" />
				</view> -->

				<!-- <view class="form-item margin-top-0" v-if="hotel != 'Office' && hotel != 'office'">
					<view class="title">{{$t('index.text-66')}}</view>
				</view> -->

				<!-- <view class="form-item" v-if="hotel != 'Office' && hotel != 'office' && eventInfo.is_total_money == 1">
					<view class="title">{{$t('index.text-60')}}</view>
					<input class="form-input" disabled v-model="total_amount" :placeholder="$t('index.text-60')" />
				</view> -->

				<!-- <view class="form-item" v-if="hotel != 'Office' && hotel != 'office'">
					<view class="title">{{$t('index.text-59')}}</view>
					<input class="form-input" v-model="invoice_title" :placeholder="$t('index.text-58')" />
				</view> -->

				<!-- <view class="form-item">
					<view class="title">{{$t('index.text-67')}}</view>
					<radio-group @change="radioSizeChange">
						<label class="uni-list-cell uni-list-cell-pd">
							<view>
								<radio value="M" color="#b88d5b" :checked="'M' === size" />
							</view>
							<view>M</view>
						</label>
						<label class="uni-list-cell uni-list-cell-pd">
							<view>
								<radio value="L" color="#b88d5b" :checked="'L' === size" />
							</view>
							<view>L</view>
						</label>
						<label class="uni-list-cell uni-list-cell-pd">
							<view>
								<radio value="XL" color="#b88d5b" :checked="'XL' === size" />
							</view>
							<view>XL</view>
						</label>
					</radio-group>
				</view> -->

				<view class="form-item">
					<view class="title">{{$t('index.text-25')}}</view>
					<textarea class="form-textarea" v-model="remark" :placeholder="$t('index.text-26')" />
				</view>

				<view class="form-item" v-if="eventInfo.is_exhibition_letter == 1">
					<view class="title">{{$t('index.text-27')}}</view>
					<uni-file-picker limit="1" v-model="imageArr" :del-icon="false" fileMediatype="image" mode="grid"
						@select="select" @progress="progress" @success="success" @fail="fail"
						@delete="tapImageDelete" />
				</view>
				<!-- disabled over -->
				<view class="lablegroup" v-for="(item, index) in FormList" :key="item.id">
					<view v-if="item.type == 'text'">
						<view class="lableTitle">{{ $t('language.name') == '中文' ? item.name : item.e_name }}</view>
						<view class="lableInput"><input type="text" v-model="item.value"
								:placeholder="$t('language.topic')" /></view>
					</view>
					<view v-if="item.type == 'select'">
						<view class="lableTitle">{{ $t('language.name') == '中文' ? item.name : item.e_name }}</view>
						<view class="lableInput">
							<view
								style="text-align: left;color:#999;height:70upx;line-height:70upx;background:#f6f5ef;border-radius: 8upx;padding-left: 16upx;"
								@click="showSelect(index)">
								{{ item.value === '' ? $t('language.choose') : $t('language.name') == '中文' ? item.val[item.value].name : item.val[item.value].e_name }}
							</view>
							<uv-picker :ref="'picker'+index" :columns="[item.val]"
								:keyName="$t('language.name') == '中文' ? 'name' : 'e_name'"
								:cancelText="$t('language.cancel')" :confirmText="$t('language.yesButton')"
								@confirm="bindSelectConfirm">
							</uv-picker>
						</view>
					</view>
					<view v-if="item.type == 'number'">
						<view class="lableTitle">{{ $t('language.name') == '中文' ? item.name : item.e_name }}</view>
						<view class="lableInput"><input type="number" v-model="item.value"
								:placeholder="$t('language.topic')" />
						</view>
					</view>
					<view v-if="item.type == 'date'">
						<view class="lableTitle">{{ $t('language.name') == '中文' ? item.name : item.e_name }}</view>
						<view class="lableInput">
							<view
								style="text-align: left;color:#999;height:70upx;line-height:70upx;background:#f6f5ef;border-radius: 8upx;padding-left: 16upx;"
								@click="showPopup(index)">
								{{ item.value == '' ? $t('language.choose') : item.value }}
							</view>
							<uv-datetime-picker :ref="'datetimePicker'+index" mode="date"
								:cancelText="$t('language.cancel')" :confirmText="$t('language.yesButton')"
								:minDate="startDate" @confirm="chooseDateTime">
							</uv-datetime-picker>
						</view>
					</view>
					<view v-if="item.type == 'checkbox'">
						<view class="lableTitle">{{ $t('language.name') == '中文' ? item.name : item.e_name }}</view>
						<view class="lableInput ques" style="border-radius: 8upx;overflow:hidden">
							<checkbox-group @change="checkChange" :data-index="index" class="checkbox-wrap">
								<checkbox
									style="color:#999;padding:10upx 0 10upx 20upx;box-size:border-box;background:#f6f5ef;"
									v-for="(citem, cindex) in item.val" :key="cindex" icon-size="15" color="#d96932"
									:checked="handleChecked(cindex, item.value)" :value="cindex" :name="cindex">
									{{ $t('language.name') == '中文' ? citem.name : citem.e_name }}
								</checkbox>
							</checkbox-group>
						</view>
					</view>
					<view v-if="item.tips != ''" style="font-size:24upx;padding:4upx;color:#999">
						{{ $t('language.name') == '中文' ? item.tips : item.e_tips }}
					</view>
				</view>
				<view class="ps" style="font-size:24upx;padding:4upx;color:#999">
					{{$t('language.regist5')}}{{$t('language.name') == '中文'?meetInfo.tips:meetInfo.tips_en}}
				</view>
				<view style="font-size:24upx;padding:4upx;color:#999">{{$t('language.regist13')}}:
					{{ meetInfo.deadline }}
				</view>
				<view class="cue-text">
					<radio @click="tapCheck" value="0" color="#b88d5b" :checked="isCheck" />
					<view @click="goProtocol" v-html="$t('index.text-74')"></view>
				</view>

				<view class="submitFormGroup">
					<view v-if="isFlag" @click="formSubmit">{{ $t('language.meeting9') }}</view>
					<view v-else>{{ $t('language.meeting9') }}</view>
				</view>
				<view class="meetingTime" v-if="timeList.length != 0">
					<view class="meetingTitle">
						{{ $t('language.meeting12') }}
						<!--会议日程-->
					</view>

					<scroll-view class="scroll-tab" scroll-x="true">
						<view class="tab-item" @click="chooseTimeTab(index)" :class="{'select': tabOnline == index}"
							v-for="(item, index) in timeList" :key="index">
							{{item}}
						</view>
					</scroll-view>

					<view class="schedule-info">
						<view class="info-item" v-for="(dayTime, cindex) in content[tabOnline].morning"
							:key="dayTime.key">
							<view class="time">
								{{dayTime.time}}
							</view>
							<view class="content"
								v-html="$t('language.name') == '中文' ? dayTime.content : dayTime.content_en"></view>
						</view>
						<view class="info-item" v-for="(dayTime, cindex) in content[tabOnline].afternoon"
							:key="dayTime.key">
							<view class="time">
								{{dayTime.time}}
							</view>
							<view class="content"
								v-html="$t('language.name') == '中文' ? dayTime.content : dayTime.content_en"></view>
						</view>
					</view>

				</view>

				<view class="meetingTime">
					<view class="meetingTitle">
						{{$t('index.text-64')}}
					</view>
					<view class="meetingAbout" style="width:100%;color: #fff;">
						<u-parse @navigate="navigate" :content="$t('language.name') == '中文' ? meetInfo.desc : meetInfo.e_desc"></u-parse>
					</view>
				</view>

				<view class="meetingTime" v-if="trafficList.length > 0 && trafficList !== undefined">
					<view class="meetingTitle">
						{{ $t('language.meeting11') }}
					</view>
					<view class="trafficRoutes">
						<view class="trafficGroup" v-for="(item, index) in trafficList" :key="index">
							<view class="imgbox">
								<!-- <image :src="item.cover" /> -->
								<view class="imgModel">
									<view class="leftModel">{{ $t('language.name') == '中文' ? item.line : item.e_line }}
									</view>
									<view class="rightModel">
										<p>{{ $t('language.name') == '中文' ? item.location : item.e_location }}</p>
										<p>{{ $t('language.meeting16') }}
											{{ $t('language.name') == '中文' ? item.use_time : item.e_use_time }}
											{{ $t('language.meeting17') }}
										</p>
										<p v-if="item.cost != ''">{{ $t('language.meeting18') }} {{ item.cost }}
											{{ $t('language.meeting19') }}
										</p>
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>

				<view class="ModelSelf">
					<view v-for="(item, index) in customList" :key="index">
						<!--自定义banner 开始 -->
						<view v-if="item.type == '2'">
							<view class="Custom">
								<view class="meetingTitle">{{ $t('language.name') == '中文' ? item.title : item.e_title }}
								</view>
								<swiper :autoplay="5000" :indicator-dots="true" indicator-active-color="#d96932"
									indicator-color="#f6f5ef" style="height: 460upx;">
									<block v-for="(citem, cindex) in item.image" :key="cindex">
										<swiper-item style="height: 460upx;">
											<image mode="aspectFit" :src="citem" style="display:block;width:100%" />
										</swiper-item>
									</block>
								</swiper>
							</view>
						</view>
						<!--自定义banner 结束 -->
						<!-- 自定义富文本 开始 -->
						<view v-if="item.type == '1'">
							<view class="RichText">
								<view class="meetingTitle">{{ $t('language.name') == '中文' ? item.title : item.e_title }}
								</view>
								<u-parse @navigate="navigate" :content="$t('language.name') == '中文' ? item.content : item.e_content"></u-parse>
							</view>
						</view>
						<!-- 自定义富文本 结束 -->
					</view>
				</view>

				<!-- 底部按钮 -->
				<!-- <view class="footerLinkHref">
			    <view @click="toMeetList">{{ $t('language.meeting13') }}</view>
			    <view @click="Message">{{ $t('language.name') == '中文' ? meetInfo.model : meetInfo.e_model }}</view>
			  </view> -->
			</view>
		</view>
	</view>

</template>

<script>
	import uniNavBar from "@/uni_modules/uni-nav-bar/components/uni-nav-bar/uni-nav-bar.vue"
	import {
		HTTP_REQUEST_URL
	} from '@/config/app';
	import {
		eventStart,
		get_form_list,
		laibingCount,
		info,
		enroll,
		sign,
		get_my_info
	} from "@/api/user";

	import uniDatetimePicker from "@/uni_modules/uni-datetime-picker/components/uni-datetime-picker/uni-datetime-picker.vue"
	import uniIcons from "@/uni_modules/uni-icons/components/uni-icons/uni-icons.vue";
	import uParse from '@/components/u-parse/u-parse.vue'
	import {
		checkPhone
	} from '@/utils/validate';
	import utils from '@/utils/util';
	
	// #ifdef H5
	var jWeixin = require('jweixin-module')
	// #endif
	
	import {
		user_info,
		sign_info,
		hotels,
		department,
		job,
		event_info,
		qy_sdk
	} from "@/api/user";
	let timer = null
	export default {
		name: 'pageIndex',
		components: {
			uniNavBar,
			uniIcons,
			uParse
		},
		data() {
			return {
				baseUrl: HTTP_REQUEST_URL,
				bg: HTTP_REQUEST_URL + '/static/img/language.png',
				logo: HTTP_REQUEST_URL + '/static/img/home-logo.png',
				img0208: HTTP_REQUEST_URL + '/static/img/0208.jpg',
				img0203: HTTP_REQUEST_URL + '/static/img/0203.jpg',
				img0205: HTTP_REQUEST_URL + '/static/img/0205.jpg',
				img0216: HTTP_REQUEST_URL + '/static/img/0216.jpg',
				img0217: HTTP_REQUEST_URL + '/static/img/0217.jpg',
				img0214: HTTP_REQUEST_URL + '/static/img/0214.jpg',
				img0223: HTTP_REQUEST_URL + '/static/img/0223.jpg',
				img0225: HTTP_REQUEST_URL + '/static/img/0225.jpg',
				img0222: HTTP_REQUEST_URL + '/static/img/0222.jpg',
				imglist: HTTP_REQUEST_URL + '/static/img/home-ic-list.png',
				imgms: HTTP_REQUEST_URL + '/static/img/home-ic-ms.png',
				statusBarHeight: 44,
				show: false,
				showTime: false,
				chooseTime: '',
				flag: 0,
				isFlag: true,
				tabOnline: 0,
				evenId: '',
				meetInfo: '',
				selected2: '',
				scanQRCode: '',
				timeList: [],
				user: '',
				content: [],
				desData: [],
				FormList: [],
				questionList: '',
				questionList2: '',
				images: [],
				comm: 0,
				count: 0,
				bannerList: [],
				richtext: [],
				HotelList: [],
				trafficList: [],
				customList: [],
				config: [],
				timeIndex: '',
				selectIndex: '',
				isSignAllreight: '', //是否已签到
				startDate: Number(new Date()),
				sign_id: '',
				hotel: '',
				hotel_id: '',
				hotel_name: '',
				ch_name: '',
				en_name: '',
				depart: '',
				job: '',
				price: '',
				phone: '',
				name: '',
				email: '',
				is_hotel: '1',
				stay_start_date: '2024-03-18',
				stay_end_date: '2024-03-20',
				arrive_date: '2024-03-18',
				leave_date: '2024-03-21',
				room_num: 1,
				invoice_title: '',
				remark: '',
				imageArr: [],
				current: 0,
				roomCurrent: 0,
				departArray: [],
				departArrayIndex: 0,
				jobArray: [],
				jobArrayIndex: 0,
				roomArrayIndex: 0,
				sex: 0,

				range: ['2024-03-18', '2024-03-21'],
				eventInfo: {},
				tabIndex: 0,
				size: 'M',
				isCheck: false,
				myInfo: {},
				
				hotelsData: [],
				hotelsIndex: 0
				
			};
		},
		components: {
			uniDatetimePicker,
			uniIcons
		},
		async onLoad(o) {
			this.statusBarHeight = uni.getSystemInfoSync().statusBarHeight
			this.chooseTime = this.$i18n.messages[this.$i18n.locale].language.choose;

			let istype = o.istype;
			let evenId = o.evenId;
			this.evenId = evenId;
			this.getConfig();
			this.getForm();
			this.statusBarHeight = uni.getSystemInfoSync().statusBarHeight
			this.getEventInfo()
			this.getDepartment()
			this.getJob()

		},
		onShow() {
			this.getInfo();
			this.getCount();
			// #ifdef H5
			this.getMyInfo();
			// #endif
		},
		watch: {
			
			// #ifdef MP
			hotel: function(n, o) {
				const t = this
				t.hotel_id = ''
				t.hotel_name = ''
				if (n.length < 5) return
				if (timer != null) clearTimeout(timer)
				timer = setTimeout(() => {
					timer = null
					clearTimeout(timer)
					t.getHolidex()
				}, 500)
			},
			// #endif

			range(newval) {
				this.arrive_date = this.range[0]
				this.leave_date = this.range[1]
			},

			stay_start_date(newval) {
				const startDate = new Date(newval).getTime()
				const endDate = new Date(this.stay_end_date).getTime()
				if (startDate > endDate) {
					let today = new Date(startDate);
					let year = today.getFullYear(); // 获取当前年份
					let month = today.getMonth() + 1; // 获取当前月份（注意：月份从 0 开始计数，所以需要加 1）
					let day = today.getDate(); // 获取当前日（几号）
					let nowTime = `${year}-${month}-${day + 1}`
					this.stay_end_date = nowTime
				}
			}
		},
		computed: {
			locale() {
				return this.$i18n.locale
			},
			items() {
				return [{
						value: '1',
						name: this.$t('index.text-15'),
						checked: 'true'
					},
					{
						value: '2',
						name: this.$t('index.text-16')
					}
				]
			},
			roomItems() {
				return [{
						value: '1',
						name: this.$t('index.text-55'),
						checked: 'true'
					},
					{
						value: '0',
						name: this.$t('index.text-56')
					}
				]
			},
			roomArray() {
				return [{
						id: 1,
						name: this.$t('index.text-47')
					},
					{
						id: 2,
						name: this.$t('index.text-48')
					}
				]
			},
		},
		methods: {
			navigate(href) {
				// #ifdef H5
				window.location = href;
				// #endif
				// #ifdef MP
				uni.navigateTo({
					url: '/pages/web/autoWeb?url=' + encodeURIComponent(href)
				})
				// #endif
			},
			tapCheck() {
				this.isCheck = !this.isCheck
			},
			goProtocol() {
				uni.navigateTo({
					url: '/pages/indexBox/protocol'
				})
			},
			getNowTime(val) {
				let today = new Date(val);
				let year = today.getFullYear(); // 获取当前年份
				let month = today.getMonth() + 1; // 获取当前月份（注意：月份从 0 开始计数，所以需要加 1）
				let day = today.getDate(); // 获取当前日（几号）
				let hour = today.getHours(); // 获取当前小时
				let minute = today.getMinutes(); // 获取当前分钟
				let second = today.getSeconds(); // 获取当前秒钟
				if (month < 10) {
					month = `0${month}`
				}
				if (day < 10) {
					day = `0${day}`
				}
				// 格式化输出当前时间
				let nowTime = year + '/' + month + '/' + day
				return nowTime
			},
			getMyInfo() {
				get_my_info({
					event_id: this.evenId
				}).then(
					res => {
						const {
							hotel_code,
							hotels,
							chinese_name,
							english_name,
							phone,
							email,
							sex
						} = res.data
						this.myInfo = res.data
						this.hotel = hotel_code
						this.hotelsData = hotels
						if (hotels.length > 0) {
							hotels.forEach((item, index) => {
								if (item.holidex == hotel_code) {
									this.hotel_name = item.hotel_name
									this.hotelsIndex = index
									this.hotel_id = item.id
								}
							})
						} else {
							this.hotel_name = hotel_code
						}
						this.email = email
						this.phone = phone
						this.ch_name = chinese_name,
						this.en_name = english_name,
						this.sex = sex
						this.items.forEach((item, index) => {
							if (item.value == sex) {
								this.current = index;
							}
						})
					},
					err => {
						console.log(err)
					}
				);
			},
			getJob() {
				job({
					event_id: this.evenId
				}).then(
					res => {
						this.jobArray = res.data
					},
					err => {
						console.log(err)
					}
				);
			},
			getEventInfo() {
				event_info({
					event_id: this.evenId
				}).then(
					res => {
						this.eventInfo = res.data
					},
					err => {
						console.log(err)
					}
				);
			},
			getDepartment() {
				department({
					event_id: this.evenId
				}).then(
					res => {
						this.departArray = res.data
						console.log(res.data)
					},
					err => {
						console.log(err)
					}
				);
			},
			getHolidex() {
				hotels({
					holidex: this.hotel
				}).then(
					res => {
						if (res.data == null) {
							uni.showToast({
								icon: 'none',
								title: this.$t('index.text-41')
							})
							return
						}
						this.hotel_name = res.data.hotel_name
						this.hotel_id = res.data.id

						if (this.hotel != 'Office' && this.hotel != 'office') {
							this.price = this.departArray[this.departArrayIndex].price
							this.job = this.jobArray[this.jobArrayIndex].id
						}
						// holidex: "H8310"
						// hotel_name: "Novotel Ningbo East"
						// hotel_name_zh: "宁波逸东诺富特酒店"
					},
					err => {
						console.log(err)
					}
				);
			},
			
			bindhotelsChange(e) {
				const {
					value
				} = e.detail
				this.hotelsIndex = value
			
				this.hotel = this.hotelsData[value].holidex
				this.hotel_name = this.hotelsData[value].hotel_name
				this.hotel_id = this.hotelsData[value].id
			},
			
			bindDepartChange(e) {
				const {
					value
				} = e.detail
				this.departArrayIndex = value

				this.depart = this.departArray[value].id
				this.price = this.departArray[value].price
			},

			bindJobChange(e) {
				const {
					value
				} = e.detail
				this.jobArrayIndex = value
				this.job = this.jobArray[value].id
			},
			radioChange: function(evt) {
				for (let i = 0; i < this.items.length; i++) {
					if (this.items[i].value === evt.detail.value) {
						this.current = i;
						this.sex = this.items[i].value
						break;
					}
				}
			},
			radioRoomChange: function(evt) {
				for (let i = 0; i < this.roomItems.length; i++) {
					if (this.roomItems[i].value === evt.detail.value) {
						this.roomCurrent = i;
						this.is_hotel = this.roomItems[i].value
						break;
					}
				}
			},
			bindRoomChange(e) {
				const {
					value
				} = e.detail
				this.roomArrayIndex = value
				this.room_num = this.roomArray[value].id
			},
			radioSizeChange(e) {
				const {
					value
				} = e.detail
				this.size = value
			},
			chooseDateTime(e) {
				this.$set(this.FormList[this.timeIndex], 'value', this.getNowTime(e.value))
			},
			showPopup(index) {
				this.timeIndex = index;
				const datetimePicker = 'datetimePicker' + index
				this.$refs[datetimePicker][0].open();
			},
			showSelect(index) {
				this.selectIndex = index;
				const picker = 'picker' + index
				this.$refs[picker][0].open();
			},
			bindSelectConfirm(e) {
				let index = e.indexs[0]
				let value = e.value[0]
				this.$set(this.FormList[this.selectIndex], 'value', index)
			},
			bindSelectChange(e) {
				const {
					value
				} = e.detail
				const {
					index
				} = e.currentTarget.dataset
				this.FormList[index].value = value
				this.selectIndex = value
			},

			handleChecked(t, value) {
				let index = value.findIndex(item => {
					return item == t
				})
				if (index > -1) return true
				else return false
			},

			checkChange: function(evt) {
				const {
					value
				} = evt.detail
				const {
					index
				} = evt.currentTarget.dataset
				this.$set(this.FormList[index], 'value', value)
			},

			async getForm() {
				const _this = this
				//获取表单
				const response = await get_form_list({
					event_id: this.evenId
				});
				if (response.code == 200) {
					let forList = response.data;
					for (let i = 0; i < forList.length; i++) {
						forList[i].value = '';
						if (forList[i].type == 'checkbox') {
							forList[i].value = [];
						}
					}
					_this.FormList = forList;
					_this.user = response.user;
				} else {
					console.log(response);
				}
			},
			getCount() {
				laibingCount({
					event_id: this.evenId
				}).then(
					response => {
						if (response.code == 200) {
							this.count = response.data
						} else {
							console.log(response);
						}
					},
					err => {
						console.log(err)
					}
				);
			},
			getConfig() {
				eventStart({
					event_id: this.evenId
				}).then(
					res => {
						if (res.code == 200) {
							this.config = res.data
						} else {
							console.log(res);
						}
					},
					err => {
						console.log(err)
					}
				);
			},
			getInfo() {
				uni.showLoading({
					title: 'loading'
				})
				info({
					event_id: this.evenId
				}).then(
					response => {
						uni.hideLoading()
						if (response.code == 200) {
							this.$nextTick(() => {
								if (response.data.is_enroll == 1) {
									this.flag = 1;
								} else {
									this.flag = 0;
								}
								this.show = true;
							});

							this.meetInfo = response.data;
							this.customList = response.data.custom;
							if (response.data.schedule.content !== undefined) {
								this.content = response.data.schedule.content;
							}
							if (response.data.schedule.des !== undefined) {
								this.desData = response.data.schedule.des;
							}
							if (response.data.schedule.date !== undefined) {
								this.timeList = response.data.schedule.date;
							}
							if (response.data.hotel !== undefined) {
								this.HotelList = response.data.hotel;
							}
							if (response.data.traffic !== undefined) {
								this.trafficList = response.data.traffic;
							}
							// if(response.data.custom !== undefined){

							// }
							// if(response.data.tw !== undefined ){
							//   this.richtext = response.data.tw;
							// }
							this.comm = response.data.comm;
							this.isSignAllreight = response.data.is_sign;
						} else {
							console.log(response);
						}
					},
					err => {
						uni.hideLoading()
						console.log(err)
					}
				);
			},
			async formSubmit() {
				//报名
				const that = this
				let data = {
					// sign_id: that.sign_id,
					hotel_id: that.hotel_id,
					ch_name: that.ch_name,
					en_name: that.en_name,
					depart: that.depart,
					phone: that.phone,
					sex: that.sex,
					// name: that.name,
					email: that.email,
					remark: that.remark,
					// size: that.size,
				}

				if (that.hotel != 'Office' && that.hotel != 'office') {
					// data.invoice_title = that.invoice_title
					// data.is_hotel = that.is_hotel
					// data.arrive_date = that.arrive_date
					// data.leave_date = that.leave_date
					// data.room_num = that.room_num
					data.job_id = that.job
					// data.price = that.price
					// if (data.is_hotel == 1) {
					// 	// data.stay_start_date = that.stay_start_date
					// 	// data.stay_end_date = that.stay_end_date
					// 	if (that.eventInfo.is_price == 1) {
					// 		data.stay_price = that.stay_price
					// 	}
					// }
				}

				// if (that.eventInfo.is_total_money == 1) {
				// 	data.total_amount = that.total_amount
				// }

				// #ifdef MP
				if (that.hotel != '') {
					const _hotels = await hotels({
						holidex: that.hotel
					})
					if (_hotels.data == null) return uni.showToast({
						icon: 'none',
						title: that.$t('index.text-45')
					})
				}
				if (data.hotel_id == '') return uni.showToast({
					icon: 'none',
					title: that.$t('index.text-2')
				})
				// #endif

				if (data.ch_name == '') return uni.showToast({
					icon: 'none',
					title: that.$t('index.text-53')
				})
				if (data.en_name == '') return uni.showToast({
					icon: 'none',
					title: that.$t('index.text-5')
				})
				if (data.depart == '') return uni.showToast({
					icon: 'none',
					title: that.$t('index.text-7')
				})
				if (that.hotel != 'Office' && that.hotel != 'office' && (data.job_id == null || data.job_id == ''))
					return uni.showToast({
						icon: 'none',
						title: that.$t('index.text-9')
					})
				// if (that.hotel != 'Office' && that.hotel != 'office' && data.price == '') return uni.showToast({
				// 	icon: 'none',
				// 	title: that.$t('index.text-7')
				// })
				if (data.phone == '') return uni.showToast({
					icon: 'none',
					title: that.$t('index.text-13')
				})
				// if (!checkPhone(data.phone)) return uni.showToast({
				// 	icon: 'none',
				// 	title: that.$t('index.text-43')
				// })
				if (data.email == '') return uni.showToast({
					icon: 'none',
					title: that.$t('index.text-18')
				})
				let reg = /^[A-Za-z\d]+([-_.][A-Za-z\d]+)*@([A-Za-z\d]+[-.])+[A-Za-z\d]{2,4}$/
				if (!reg.test(data.email)) return uni.showToast({
					icon: 'none',
					title: that.$t('index.text-18')
				})
				// if (data.name == '') return uni.showToast({
				// 	icon: 'none',
				// 	title: that.$t('index.text-20')
				// })

				// if (that.hotel != 'Office' && that.hotel != 'office' && (data.invoice_title == null || data.invoice_title == '')) return uni.showToast({
				// 	icon: 'none',
				// 	title: that.$t('index.text-58')
				// })

				if (that.eventInfo.is_exhibition_letter == 1) {
					data.images = that.images
					// if (data.images == '') return uni.showToast({
					// 	icon: 'none',
					// 	title: that.$t('index.text-27')
					// })
				}

				let dataList = that.FormList;
				for (let i in dataList) {
					if (dataList[i].value === '' || dataList[i].value == undefined || dataList[i].value.length === 0) {
						uni.showToast({
							title: (that.locale == 'zh' ? dataList[i].name : dataList[i].e_name) +
								' ' + (that.locale == 'zh' ? '不能为空' : 'underfind'),
							icon: 'none'
						})
						return false;
					}
				}

				if (!that.isCheck) {
					return uni.showToast({
						icon: 'none',
						title: that.$t('index.text-75')
					})
				}

				uni.showLoading({
					title: 'loading...'
				});

				const response = await enroll({
					event_id: that.evenId,
					...data,
					info: JSON.stringify(dataList)
				})
				uni.hideLoading()
				if (response.code == 200) {
					that.isFlag = false;
					uni.showToast({
						title: response.msg,
						icon: 'success'
					})
					setTimeout(() => {
						// that.$nextTick(() => {
						// 	that.flag = 1;
						// });
						uni.reLaunch({
							url: '/pages/indexBox/meetList'
						})
					}, 2000);
				} else {
					uni.showToast({
						title: response.msg,
						icon: 'success',
						duration: 5000
					})
				}
			},
			// 获取上传状态
			select(e) {
				uni.showLoading({
					title: '图片上传中'
				})
				const that = this
				uni.uploadFile({
					url: HTTP_REQUEST_URL + '/api/event/upload',
					filePath: e.tempFiles[0].url,
					fileType: 'image',
					name: 'file',
					formData: {
						'file': e.tempFiles[0]
					},
					header: {
						// #ifdef MP
						"Content-Type": "multipart/form-data",
						// #endif
						'authorization': `Bearer ${uni.getStorageSync('token')}`
					},
					success: function(res) {
						uni.hideLoading();
						const data = JSON.parse(res.data)
						that.images = HTTP_REQUEST_URL + data.data.url
					},
					fail: function(res) {
						console.log(res)
						uni.hideLoading();
						uni.showToast({
							icon: 'none',
							title: '上传图片失败！'
						})
					}
				})
			
			},
			// 获取上传进度
			progress(e) {
				console.log('上传进度：', e)
			},
			// 上传成功
			success(e) {
				console.log('上传成功')
			},
			tapImageDelete(e) {
				this.images = ''
			},
			// 上传失败
			fail(e) {
				console.log('上传失败：', e)
			},
			tosign(bol) {
				if (bol == 2) return
				//已签到
				uni.navigateTo({
					url: '/pages/Registrate/sign?scanQRCode=' + this.evenId
				})
			},
			async toSaoyisao(bol) {
				if (bol == 2) return
				const t = this
				// #ifdef H5
				const response = await qy_sdk({
					url: window.location.href.split('#')[0]
				})
				
				if (response.code == 200) {
					var json = response.data;
					jWeixin.config({
						beta: true, // 必须这么写，否则wx.invoke调用形式的jsapi会有问题
						debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
						appId: json.appId, // 必填，企业微信的corpID
						timestamp: json.timestamp, // 必填，生成签名的时间戳
						nonceStr: json.nonceStr, // 必填，生成签名的随机串
						signature: json.signature, // 必填，签名，见附录1
						jsApiList: json.jsApiList
						// 必填，需要使用的JS接口列表，所有JS接口列表见附录2
					});
					jWeixin.ready(() => {
						jWeixin.scanQRCode({
							desc: 'scanQRCode desc',
							needResult: 1, // 默认为0，扫描结果由企业微信处理，1则直接返回扫描结果，
							scanType: ['qrCode', 'barCode'], // 可以指定扫二维码还是条形码（一维码），默认二者都有
							success: res => {
								// 回调
								console.log(res, res.resultStr, 'res.resultStr')
								t.scanQRCode = res.resultStr;
								sign({
									event_id: t.scanQRCode
								}).then(
									resdata => {
										if (resdata.code == 200) {
											uni.showToast({
												duration: 5000,
												title: resdata.msg,
												icon: 'none'
											})
											t.isSignAllreight = 1
											setTimeout(() => {
												uni.navigateTo({
													url: '/pages/Registrate/sign?scanQRCode=' +
														t.scanQRCode
												})
											}, 500);
										} else {
											uni.showToast({
												duration: 5000,
												title: resdata.msg,
												icon: 'none'
											})
										}
									},
									err => {
										console.log(err)
									}
								);
							},
							error: function(res) {
								if (res.errMsg.indexOf('function_not_exist') > 0) {
									alert('版本过低请升级');
								}
							}
						});
					});
					jWeixin.error(function(res) {
						//通过error接口处理失败验证
						// config信息验证失败会执行error
					});
				} else {
					alert(response.data.code);
				}
				return
				// #endif

				uni.scanCode({
					onlyFromCamera: true,
					scanType: ['qrCode', 'barCode'],
					success(res) {
						t.scanQRCode = res.result;
						sign({
							event_id: t.scanQRCode
						}).then(
							resdata => {
								console.log(resdata, res.result, 'res.resdata')
								if (resdata.code == 200) {
									uni.showToast({
										duration: 5000,
										title: resdata.msg,
										icon: 'none'
									})
									t.isSignAllreight = 1
									setTimeout(() => {
										uni.navigateTo({
											url: '/pages/Registrate/sign?scanQRCode=' +
												t.scanQRCode
										})
									}, 500);
								} else {
									uni.showToast({
										duration: 5000,
										title: resdata.msg,
										icon: 'none'
									})
								}
							},
							err => {
								console.log(err)
							}
						);
					}
				})
			},
			chooseTimeTab(index) {
				this.tabOnline = index;
			},
			toMeetingInfo(toindex, bol) {
				if (bol == 2) return
				if (toindex == 1) {
					uni.navigateTo({
						url: '/pages/meetingBox/meetingInfo?evenId=' + this.evenId
					})
				} else if (toindex == 2) {
					uni.navigateTo({
						url: '/pages/Registrate/Registrate?evenId=' + this.evenId
					})
				} else if (toindex == 3) {
					uni.navigateTo({
						url: '/pages/ConferenceDate/ConferenceDate?evenId=' + this.evenId
					})
				} else if (toindex == 4) {
					uni.navigateTo({
						url: '/pages/Attendees/Attendees?evenId=' + this.evenId
					})
				} else if (toindex == 5) {
					uni.navigateTo({
						url: '/pages/UserInfo/UserInfo?evenId=' + this.evenId
					})
				} else if (toindex == 6) {
					uni.navigateTo({
						url: '/pages/Moments/Momentslist?evenId=' + this.evenId
					})
				} else if (toindex == 7) {
					uni.navigateTo({
						url: '/pages/PhotoGroup/PhotoGroup?evenId=' + this.evenId
					})
				} else if (toindex == 8) {
					uni.navigateTo({
						url: '/pages/LiveInteraction/LiveInteraction?evenId=' + this.evenId
					})
				} else {
					uni.navigateTo({
						url: '/pages/indexBox/hotel?evenId=' + this.evenId
					})
				}
			},
			goBack() {
				uni.reLaunch({
					url: '/pages/indexBox/meetList'
				})
			},
			Message() {
				uni.navigateTo({
					url: '/pages/indexBox/messageNoOpen?evenId=' + this.evenId
				})
			},
			toMeetList() {
				uni.reLaunch({
					url: '/pages/indexBox/meetList'
				})
			},
			changeLanguage() {
				if (this.$i18n.locale == 'zh') {
					this.$i18n.locale = 'en';
					uni.setStorageSync('locale', 'en')
				} else {
					this.$i18n.locale = 'zh';
					uni.setStorageSync('locale', 'zh')
				}
			}
		}
	};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss">
	page {
		background-color: #050033;
	}

	.noentryBgbox-top {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		z-index: 9999999;
	}

	.navbar {
		display: flex;
		align-items: center;
		// text-align: center;
		// justify-content: center;
		justify-content: flex-start;

		.bs {
			// margin: 0 auto;
			color: #FFFFFF;
			margin-left: 38%;
		}
	}

	.linkBox {
		position: relative;
	}

	.headerChangeLanguage {
		height: 100upx;
		// background: #fff;
		padding: 0 30upx;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.noEntryBgcolor {
		background: #fff;
		box-sizing: border-box;
	}

	.logo image {
		width: 78upx;
		height: 64upx;
	}

	.language {
		color: #fff;
		font-size: 24upx;
		flex-shrink: 0;
		display: flex;
		align-items: center;

		image {
			width: 30upx;
			height: 30upx;
			margin-right: 12upx;
		}
	}

	.link-href {
		color: #fff;
		display: flex;
		margin-top: 300upx;
		padding-left: 28upx;
		padding-bottom: 96upx;
		align-items: center;
		justify-content: flex-start;
		flex-wrap: wrap;

		.isTap {
			filter: 'grayscale(1)';
			opacity: 0.8;
		}

		.isShow {
			display: none;
		}
	}

	.link-href>view {
		width: calc((100% - 28upx * 3) / 3);
		text-align: center;
		height: 198upx;
		color: #000000;
		font-size: 24upx;
		background-color: #fff;
		border-radius: 10upx;
		margin-right: 28upx;
		margin-bottom: 28upx;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.link-href>view>image {
		width: 64upx;
		height: 64upx;
		margin-bottom: 10upx;
	}

	.two-link-href.home {
		width: 100%;
		display: flex;
		justify-content: space-around;
		align-items: center;
	}

	.two-link-href.home>view {
		color: #fff;
		font-weight: bold;
		font-size: 24upx;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.two-link-href.home .ic {
		width: 48upx;
		height: 48upx;
		margin-bottom: 30upx;
	}

	.two-link-href.home .red {
		position: relative;
	}

	.two-link-href.home .red::after {
		content: '';
		width: 16upx;
		height: 16upx;
		border-radius: 50%;
		background-color: red;
		position: absolute;
		top: -4upx;
		right: -4upx;
	}

	.meeting-title {
		color: #fff;
		font-size: 32upx;
		margin-bottom: 20upx;
		font-weight: bold;
	}

	.noEntry {
		background-color: #050033;
	}

	.noentryBgbox {
		width: 100%;
		position: relative;
	}

	.noentryBgbox>image {
		width: 100%;
		display: block;
	}

	.meetingInfoModel {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 98;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.41);
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
	}

	.message {
		padding: 30upx;
		box-sizing: border-box;
		color: #fff;
		text-align: center;
		position: relative;
		top: -120upx;
	}

	.message h3 {
		font-size: 40upx;
		padding-bottom: 10upx;
		border-bottom: 2upx solid #fff;
	}

	.message h4 {
		font-size: 32upx;
		padding: 20upx 0;
	}

	.selectBtn {
		width: 100%;
		display: flex;
		justify-content: center;
		position: absolute;
		bottom: 60upx;
		left: 0;
	}

	.selectBtn>image {
		width: 40upx;
		height: 24upx;
	}

	.formBox {
		padding: 40upx 30upx;

		.form-item {
			margin: 50upx 0 60upx;
			font-size: 28upx;

			&.margin-top-0 {
				margin-top: 0;
				color: #666666;
			}

			&.margin-bottom-10 {
				margin-bottom: 10rpx;
			}

			&.blcok {
				position: relative;

				.uni-icons {
					position: absolute;
					top: 71%;
					right: 20upx;
					transform: translate3d(0, -50%, 0);
				}
			}

			.title {
				margin-bottom: 20upx;
				color: #b5b2d1;
			}

			.form-input {
				background-color: #fff;
				padding: 20upx;
				border-radius: 8upx;
			}

			.form-textarea {
				width: 100%;
				height: 160upx;
				background-color: #fff;
				padding: 20upx;
				box-sizing: border-box;
				border-radius: 8upx;
			}

			.file-picker__box-content {
				border-style: dashed !important;
				border-color: #ccc !important;
				background-color: #fff;
			}

			.form-info {
				background-color: #fff;
				padding: 20upx;
				border-radius: 8upx;
			}

			.form-picker {
				position: relative;
				background-color: #fff;
				padding: 20upx;
				border-radius: 8upx;

				::v-deep .uni-icons {
					position: absolute;
					top: 50%;
					right: 20upx;
					transform: translate3d(0, -50%, 0);
				}
			}

			.icon-add {
				width: 40upx;
				height: 2upx;
				background-color: #999999;
			}

			radio-group {
				display: flex;
				align-items: center;

				label {
					display: flex;
					align-items: center;
					margin-right: 110upx;
					font-size: 30upx;
					color: #fff;

					radio {
						margin-right: 12upx;
					}
				}
			}
		}

		.scroll-tab {
			height: 90upx;
			white-space: nowrap;
			position: relative;

			&::after {
				content: '';
				position: absolute;
				left: -30upx;
				bottom: -2upx;
				width: calc(100% + 60upx);
				height: 2upx;
				background-color: #dedddd;
			}

			.tab-item {
				display: inline-block;
				height: 90upx;
				line-height: 90upx;
				padding: 0 20upx;
				text-align: center;
				font-size: 30upx;
				margin-right: 40upx;
				color: #fff;

				&:last-child {
					margin-right: 0;
				}

				&.select {
					color: #d3a86a;
					position: relative;

					&::after {
						content: '';
						position: absolute;
						left: 50%;
						bottom: 0;
						transform: translate3d(-50%, 0, 0);
						width: 72%;
						height: 2upx;
						background-color: #d3a86a;
					}
				}
			}
		}

		.schedule-info {
			.info-item {
				margin-top: 30upx;
				background-color: #fff;
				padding: 28upx 20upx;
				border-radius: 8upx;
				display: flex;
				align-items: center;

				.time {
					width: 84upx;
					font-size: 30upx;
					flex-shrink: 0;
					text-align: center;
					color: #666666;
				}

				.content {
					font-size: 30upx;
					padding-left: 30upx;
					margin-left: 30upx;
					position: relative;

					&::after {
						content: '';
						position: absolute;
						left: 0;
						top: 50%;
						transform: translate3d(0, -50%, 0);
						width: 1upx;
						height: 100upx;
						background-color: #ededed;
					}
				}
			}
		}
	}

	.title1 {
		color: #fff;
		font-size: 40upx;
		line-height: 44upx;
		margin-bottom: 40upx;
		font-weight: bold;
		padding-left: 20upx;
		border-left: 6upx solid #b88d5b;
	}

	.lablegroup,
	.lablegroupTwo {
		padding-bottom: 30upx;
	}

	.lablegroupTwo .lablegroup {
		padding-bottom: 0;
	}

	.lableTitle {
		color: #444;
		padding: 12upx 0;
	}

	.lableInput {
		position: relative;
	}

	.lableInput input {
		width: 100%;
		height: 70upx;
		background: #f6f5ef;
		padding-left: 16upx;
		border-radius: 8upx;
		color: #707372;
	}

	.lableInput select {
		width: 100%;
		height: 70upx;
		background: #f6f5ef;
		padding-left: 16upx;
		border-radius: 8upx;
		color: #707372;
		border: none;
		font-size: 24upx;
	}

	.lableInput {
		.picker-view {
			width: 100%;
			height: 70rpx;
			line-height: 70rpx;
			background: #f6f5ef;
			padding-left: 16rpx;
			border-radius: 8rpx;
			color: #707372;
		}
	}

	.lableInput select option {
		color: #707372;
	}

	.submitFormGroup {
		padding: 0 30upx;
		margin-top: 40upx;
	}

	.submitFormGroup>view {
		width: 100%;
		height: 90upx;
		background: #b88d5b;
		color: #fff;
		border-radius: 90upx;
		text-align: center;
		line-height: 90upx;
		font-size: 32upx;
	}

	.meetingTitle {
		color: #fff;
		font-size: 40upx;
		line-height: 44upx;
		font-weight: bold;
		margin-top: 40upx;
		margin-bottom: 40upx;
		padding-left: 20upx;
		border-left: 6upx solid #b88d5b;
	}

	.meetingTime {
		padding-top: 60upx;
	}

	.Time {
		padding-top: 30upx;
		padding-bottom: 0;

		&.hidden {
			display: none;
		}
	}

	.dayTime {
		padding: 30upx 0;
		border-bottom: 2upx solid #dbdbdb;
		clear: both;
	}

	.morning .dayTime:last-child {
		border-bottom: none;
	}

	.afternoon .dayTime:last-child {
		border-bottom: none;
	}

	.morning {
		border-bottom: 2upx solid #d96932 !important;
	}

	.afternoon {
		border-bottom: 2upx solid #d96932;
	}

	.dayTime>text:first-child {
		width: 200upx;
		float: left;
		color: #d96932;
		font-weight: bold;
	}

	.dayTime>text:last-child {
		width: 480upx;
		float: left;
		color: #444444;
	}

	.trafficRoutes {
		padding-bottom: 38upx;
	}

	.trafficGroup {
		width: 100%;
		margin-bottom: 30upx;
		overflow: hidden;
		border-radius: 20upx;
	}

	.trafficGroup .imgbox {
		width: 100%;
		min-height: 280upx;
		position: relative;
	}

	// .imgbox image {
	// 	width: 100%;
	// 	display: block;
	// 	height: 300upx;
	// }

	.imgModel {
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		position: absolute;
		left: 0;
		top: 0;
		border-radius: 20upx;
	}

	.leftModel {
		width: 160upx;
		display: flex;
		justify-content: center;
		// align-items: center;
		height: 100%;
		padding: 0 12upx;
		border-radius: 12upx 0 0 12upx;
		color: #b88d5b;
		font-size: 28upx;
	}

	.rightModel {
		width: 560upx;
		height: 100%;
		background: #060143;
		border-left: 2upx solid #b88d5b;
		border-radius: 0 12upx 12upx 0;
		color: #fff;
		font-size: 28upx;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		box-sizing: border-box;
		padding: 48upx 30upx;
	}

	.rightModel view {
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		width: 100%;
	}

	.rightModel view:first-child {
		padding-left: 40upx;
		background: url($image-base-url + '/static/img/addressIcon.png') no-repeat left center;
		background-size: 21upx 28upx;
	}

	.rightModel view:nth-child(2) {
		padding-left: 40upx;
		background: url($image-base-url + '/static/img/timeIcon.png') no-repeat left center;
		background-size: 22upx 22upx;
	}

	.rightModel view:last-child {
		padding-left: 40upx;
		background: url($image-base-url + '/static/img/moneyIcon.png') no-repeat left center;
		background-size: 22upx 22upx;
	}

	.swipertop {
		display: flex;
		justify-content: flex-start;
		padding: 20upx 0;
		overflow: hidden;
	}

	.swipertop image {
		width: 200upx;
		height: 130upx;
	}

	.swipertop view {
		padding: 0 0 0 16upx;
		font-size: 24upx;
		color: #444;
		display: -webkit-box;
		overflow: hidden;
		white-space: normal !important;
		text-overflow: ellipsis;
		word-wrap: break-word;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		height: 130upx;
	}

	.hotelBanner {
		width: 100%;
	}

	.hotelBanner image {
		width: 100%;
		display: block;
		height: 240upx;
		border-radius: 8upx;
	}

	.footerBottom {
		padding: 20upx;
	}

	.footerBottom image {
		width: 100%;
	}

	.footerLinkHref {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 40upx 30upx;
		box-sizing: border-box;
	}

	.footerLinkHref>view {
		width: 330upx;
		height: 90upx;
		border-radius: 90upx;
		text-align: center;
		line-height: 86upx;
	}

	.footerLinkHref>view:first-child {
		background: #d96932;
		color: #fff;
		font-size: 32upx;
		border: 4upx solid #d96932;
	}

	.footerLinkHref>view:last-child {
		background: #fff;
		color: #444;
		font-size: 32upx;
		border: 2upx solid #d96932;
	}

	.Custom,
	.RichText {
		padding: 20upx 30upx;
		color: #FFFFFF;
		
		.rich-img {
			display: block;
			max-width: 100% !important;
			height: auto;
		}
	}

	.checkbox-wrap {
		display: flex;
		flex-direction: column;
	}

	.cue-text {
		margin-top: 40upx;
		color: #fff;
		display: flex;
		align-items: center;

		radio {
			margin-right: 8upx;
		}
	}
</style>